$(function(){
	var timer = null;
	var i = 0;
	var j = $('.example ul li').index();
	$pic = $('.example ul li');
	$num = $('.example ol li');
	$fl = $('.example .btn .btn-fl');
	$fr = $('.example .btn .btn-fr');
	var a = $num.length;
	$num.click(function(){
		clearInterval(timer);
		var i = $(this).index();
		$pic.eq(i).fadeIn(700).siblings().fadeOut(1000);
		$(this).addClass('seleted').siblings().removeClass('seleted');
		timer = setInterval(function aa(){
		if(i==a){
			i=0;
			$pic.eq(i).fadeIn(700).siblings().fadeOut(1000);
			$num.eq(i).addClass('seleted').siblings().removeClass('seleted');
			i++;
		}else{
			$pic.eq(i).fadeIn(700).siblings().fadeOut(1000);
			$num.eq(i).addClass('seleted').siblings().removeClass('seleted');
			i++;
		}
	},5000);
	})
	$fl.click(function(){
		clearInterval(timer);
		for (var b = j;b>=0;b--) {
			if($num.eq(b).hasClass("seleted")){
				if(b==0){
					i=j;
				}else{
					i = b-1;
				}
				console.log(i)
				break;
			}
		}
		console.log(i);
		$pic.eq(i).fadeIn(700).siblings().fadeOut(1000);
		$num.eq(i).addClass('seleted').siblings().removeClass('seleted');
		timer = setInterval(function aa(){
		if(i==a){
			i=0;
			$pic.eq(i).fadeIn(700).siblings().fadeOut(1000);
			$num.eq(i).addClass('seleted').siblings().removeClass('seleted');
			i++;
		}else{
			$pic.eq(i).fadeIn(700).siblings().fadeOut(1000);
			$num.eq(i).addClass('seleted').siblings().removeClass('seleted');
			i++;
		}
	},5000);
	})
	$fr.click(function(){
		clearInterval(timer);
		for (var b = 0;b<=j;b++) {
			if($num.eq(b).hasClass("seleted")){
				if(b==j){
					i=0;
				}else{
					i = b+1;
				}
				console.log(i)
				break;
			}
		}
		console.log(i);
		$pic.eq(i).fadeIn(700).siblings().fadeOut(1000);
		$num.eq(i).addClass('seleted').siblings().removeClass('seleted');
		timer = setInterval(function aa(){
		if(i==a){
			i=0;
			$pic.eq(i).fadeIn(700).siblings().fadeOut(1000);
			$num.eq(i).addClass('seleted').siblings().removeClass('seleted');
			i++;
		}else{
			$pic.eq(i).fadeIn(700).siblings().fadeOut(1000);
			$num.eq(i).addClass('seleted').siblings().removeClass('seleted');
			i++;
		}
	},5000);
	})
	timer = setInterval(function aa(){
		if(i==a){
			i=0;
			$pic.eq(i).fadeIn(700).siblings().fadeOut(1000);
			$num.eq(i).addClass('seleted').siblings().removeClass('seleted');
			i++;
		}else{
			$pic.eq(i).fadeIn(700).siblings().fadeOut(1000);
			$num.eq(i).addClass('seleted').siblings().removeClass('seleted');
			i++;
		}
	},5000);
});
$(".about-join-content ul li a").click(function(){
	hegs = $(this).parent().find(".txt").height() + 18;
	console.log(hegs);
	if($(".about-join-content ul li a").hasClass("active")){
		$(this).removeClass("active");
		$(this).parent().animate({height:18},1000);
	}else{
		$(this).addClass("active");
		$(this).parent().animate({height:hegs},1000);
	}
	
})

$(".about-join-content ul li .txt2 .txt2-fl a").click(function(){
	hegs = $(".about-join-content ul li a").parent().find(".txt").height() + 18;
	console.log(hegs);
	$(this).parents("li").find("a").removeClass('active');
	$(this).parents("li").animate({height:18},1000);
	
})
$("header .caidan").toggle(function(){
	$(".header-nav").show();
},function(){
	$(".header-nav").hide();
})


    
$("header .header-nav ul li a").hover(function(){
	var arr = $(this).parent('li').find(".btn").find("a").length;
	console.log(arr)
	if(arr==0){
		$(this).parent('li').find(".header-nav2").css("display","none");
	}else{
		$(this).parent('li').find(".header-nav2").addClass("active3");
	}
},function(){})